/* ..---===== ALL =====---.. */
* {}
img {border: 0px;}
body {
  margin: 0px;
  padding: 0px;
  background:#CCFFCC;
}
a { color: #0000EE;}
input {  background:#F3FFF3;}
                                                                      /* ..---====== TOP ====---.. */
#top { width: 100%;}
#top_left, #top_spacer{
  vertical-align: top;
  background-position: left top;
  background-repeat: no-repeat;
}
#top_middle, #top_right{
  vertical-align:top;
  background-position: top;
  background-repeat: repeat-x;
}
#top_left { width:161px;}
#top_spacer {width:43px;}
#top_right {  width:200px;}
.input_string_block {
  /*background: #8FFFC2;*/
  padding: 20px 0 0 5px;
  margin: 0px;
  margin-bottom: 5px;
  text-align:center;
}
#new_input_string {
  min-width: 100px;
  width:99%;
  border:solid black 2px;
  color:grey;
}
#logout_link {
  text-align:right;
  padding-top: 5px;
  height:40px;
}
#logout_link a {
  text-decoration:none;
  padding:0px 2px;
  border:solid grey 1px;
}
#notice {
  position:absolute;
  right:5px
  top:0;
}                                                                      


                                                                      /* ..---====== NOTES =====---..  */
                                                                      /* ..--- SHOW_notes ---..*/
.notes_side {  width: 500px;}
#notes_place {  overflow: auto;}
#notes_list_block {
  font-family: Times New Roman, Georgia, times ;
  margin-left: 5px;
  border: outset black 2px;
  background:#fff;
}
#notes_list { 
  padding: 0 0 0 20px; /*для list-style-position: outside; и .note_item 4 цифру задать в 30 */
  margin:0;
} 
#notes_list a {  font-family: Courier New;}
.note_item {
  font-size: 26px;
  /*display: list-item;*/
  /*list-style-position: outside;*/
  /*background:#F5F8FA; ушло в note_item.rhtml */
  padding: 10px 0 5px 0px;
  /*border-bottom: solid black 1px;*/
}
.black_note_text {  color: black;}
.black_note_text:first-letter {  font-size:120%;}
.grey_note_text {
  font-size: 10pt;
  color: grey;
}
.control_elements { float:right;}
.control_elements a{
  background: #F0F3F6;
  color: #C0C0C0;
  font-size: 10pt;
}
.control_elements a:hover {
  text-decoration: none;
  color:black;
}
.drag {  cursor:move;}
                                                                      /* ..--- EDIT_note ---... */
.edit_note_item {
  background: #FDFFE8;
  border: solid red 1px;
  margin: 5px;
  padding: 0px;
}
.edit_note_input {
  width:99%;
  margin: 3px;
}
.edit_note_item a {
  text-decoration: none;
  border: 0px;
  padding:2px;
  font-family: Courier;
  color: #A60000;
}
.edit_note_submit_button {
  font-family: Courier;
  text-decoration: none;
  color: #007C39;
  cursor: pointer;
  border: 0px;
  background: #FDFFE8;
}
.edit_control_elements {  text-align:right;}


                                                                     /*..---===== GROUPS ====---.. */
.groups_side, .add_group {
  vertical-align: top;
} 
#add_group_input_string {
  border:solid grey 1px;
}
.groups_place {
  margin-left:10px;
}